{{if !empty($coupon_list)}}
    <!-- 优惠劵面板 -->
    <div class="items plugins-coupon-goods-detail-panel">
        <dt>优惠劵</dt>
        <dd data-am-offcanvas="{target: '#plugins-coupon-offcanvas-goods-detail'}">
            {{foreach $coupon_list as $v}}
                <span class="am-badge am-radius am-margin-right-xs am-margin-bottom-xs" {{if !empty($v['bg_color_value'])}}style="border:1px solid {{$v.bg_color_value}};color:{{$v.bg_color_value}};"{{/if}}>{{$v.desc}}</span>
            {{/foreach}}
        </dd>
    </div>

    <!-- 优惠劵侧边栏内容 -->
    <div id="plugins-coupon-offcanvas-goods-detail" class="am-offcanvas plugins-coupon-receive-container">
        <div class="am-offcanvas-bar am-offcanvas-bar-flip">
            <div class="am-offcanvas-content plugins-coupon">
                <ul class="am-avg-sm-1 am-avg-md-1 am-avg-lg-1 plugins-coupon-items" data-receive-url="{{:PluginsHomeUrl('coupon', 'index', 'receive')}}">
                    {{foreach $coupon_list as $v}}
                        <li data-is-operable="{{$v.is_operable}}" data-operable-name="{{$v.is_operable_name}}" data-coupon-id="{{$v.id}}">
                            <div class="item am-cf {{if isset($v['is_operable']) and $v['is_operable'] eq 0}}coupon-disabled{{/if}}" {{if !empty($v['bg_color_value'])}}style="border:1px solid {{$v.bg_color_value}}"{{/if}}>
                                <div class="v-right am-fl am-padding-left-sm am-padding-top-sm am-padding-bottom-sm">
                                    <div class="base am-text-truncate" {{if !empty($v['bg_color_value'])}}style="color:{{$v.bg_color_value}}"{{/if}}>
                                        <span class="symbol">￥</span>
                                        <span class="price">{{$v.discount_value}}</span>
                                        <span class="unit">{{if $v['type'] eq 0}}元{{else /}}折{{/if}}</span>
                                        {{if !empty($v['desc'])}}
                                            <span class="desc am-margin-left-sm">{{$v.desc}}</span>
                                        {{/if}}
                                    </div>
                                    {{if !empty($v['use_limit_type_name'])}}
                                        <p class="tips am-text-truncate">{{$v.use_limit_type_name}}</p>
                                    {{/if}}
                                </div>
                                <div class="v-left am-fr am-vertical-align am-text-center {{if empty($user) and $v['is_operable'] eq 1}}login-event{{/if}}" {{if !empty($v['bg_color_value'])}}style="background:{{$v.bg_color_value}}"{{/if}}>
                                    <b class="semi-circle"></b>
                                    <div class="am-vertical-align-middle">{{$v.is_operable_name}}</div>
                                </div>
                            </div>
                        </li>
                    {{/foreach}}
                </ul>
            </div>
        </div>
    </div>
{{/if}}